<!-- 定义组件实例 --> 

<!-- 引入vue框架 -->
<script src="vue.js"></script>

<!-- 界面布局 -->
<div id="app">
   <my-componnet></my-componnet> 
   <my-componnet></my-componnet>
  </div> 
  <script> 

    // 注册自定组件，设置名称及完成功能 
    Vue.component("my-componnet",{ 
       // 定义组件中的数据方法 
       data() { 
           return { 
            count: 0 
           }
        },
        // 设置组件当中的内容 
        template:'<button v-on:click="count++">被点击{{count}}次</button>'
  }) 
  // 实例化vue对象 
  var vue = new Vue({ 
   el:'#app', 
  }) 
  </script> 
